<#include "common/com.html"/> <@layout>
<link href='${ctx}/static/easyui/1.3.2/themes/bootstrap/layout.css'
      type='text/css' rel='stylesheet'>
<link href='${ctx}/static/easyui/1.3.2/themes/bootstrap/tabs.css'
      type='text/css' rel='stylesheet'>

<script src='${ctx}/static/easyui/1.3.2/jquery.easyui.min.js'
        type='text/javascript'></script>
<script src='${ctx}/static/easyui/1.3.2/easyui-lang-zh_CN.js'
        type='text/javascript'></script>

<script>

</script>
<body >
<div class="navbar" id="navbar">
    <script type="text/javascript">
        try{ace.settings.check('navbar' , 'fixed')}catch(e){}
    </script>
    <div class="navbar-inner">
        <div class="container-fluid" style="height: 47px">
            <a href="#" class="brand hidden-phone"> <small> <i
                    class="icon-leaf"></i> 开会吧管理系统
            </small>
            </a>
            <!-- /.brand -->
            <ul class="nav ace-nav pull-right">
                <!--<li class="grey"><a data-toggle="dropdown"-->
                <!--class="dropdown-toggle" href="#"> <i class="icon-tasks"></i> <span-->
                <!--class="badge badge-grey">4</span>-->
                <!--</a>-->

                <!--<ul-->
                <!--class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">-->
                <!--<li class="nav-header"><i class="icon-ok"></i> 4 Tasks to-->
                <!--complete</li>-->

                <!--<li><a href="#">-->
                <!--<div class="clearfix">-->
                <!--<span class="pull-left">Software Update</span> <span-->
                <!--class="pull-right">65%</span>-->
                <!--</div>-->

                <!--<div class="progress progress-mini ">-->
                <!--<div style="width: 65%" class="bar"></div>-->
                <!--</div>-->
                <!--</a></li>-->

                <!--<li><a href="#">-->
                <!--<div class="clearfix">-->
                <!--<span class="pull-left">Hardware Upgrade</span> <span-->
                <!--class="pull-right">35%</span>-->
                <!--</div>-->

                <!--<div class="progress progress-mini progress-danger">-->
                <!--<div style="width: 35%" class="bar"></div>-->
                <!--</div>-->
                <!--</a></li>-->

                <!--<li><a href="#">-->
                <!--<div class="clearfix">-->
                <!--<span class="pull-left">Unit Testing</span> <span-->
                <!--class="pull-right">15%</span>-->
                <!--</div>-->

                <!--<div class="progress progress-mini progress-warning">-->
                <!--<div style="width: 15%" class="bar"></div>-->
                <!--</div>-->
                <!--</a></li>-->

                <!--<li><a href="#">-->
                <!--<div class="clearfix">-->
                <!--<span class="pull-left">Bug Fixes</span> <span-->
                <!--class="pull-right">90%</span>-->
                <!--</div>-->

                <!--<div-->
                <!--class="progress progress-mini progress-success progress-striped active">-->
                <!--<div style="width: 90%" class="bar"></div>-->
                <!--</div>-->
                <!--</a></li>-->

                <!--<li><a href="#"> See tasks with details <i-->
                <!--class="icon-arrow-right"></i>-->
                <!--</a></li>-->
                <!--</ul></li>-->

                <!--<li class="purple"><a data-toggle="dropdown"-->
                <!--class="dropdown-toggle" href="#"> <i-->
                <!--class="icon-bell-alt icon-animated-bell"></i> <span-->
                <!--class="badge badge-important">8</span>-->
                <!--</a>-->

                <!--<ul-->
                <!--class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-closer">-->
                <!--<li class="nav-header"><i class="icon-warning-sign"></i> 8-->
                <!--Notifications</li>-->

                <!--<li><a href="#">-->
                <!--<div class="clearfix">-->
                <!--<span class="pull-left"> <i-->
                <!--class="btn btn-mini no-hover btn-pink icon-comment"></i> New-->
                <!--Comments-->
                <!--</span> <span class="pull-right badge badge-info">+12</span>-->
                <!--</div>-->
                <!--</a></li>-->

                <!--<li><a href="#"> <i-->
                <!--class="btn btn-mini btn-primary icon-user"></i> Bob just signed-->
                <!--up as an editor ...-->
                <!--</a></li>-->

                <!--<li><a href="#">-->
                <!--<div class="clearfix">-->
                <!--<span class="pull-left"> <i-->
                <!--class="btn btn-mini no-hover btn-success icon-shopping-cart"></i>-->
                <!--New Orders-->
                <!--</span> <span class="pull-right badge badge-success">+8</span>-->
                <!--</div>-->
                <!--</a></li>-->

                <!--<li><a href="#">-->
                <!--<div class="clearfix">-->
                <!--<span class="pull-left"> <i-->
                <!--class="btn btn-mini no-hover btn-info icon-twitter"></i>-->
                <!--Followers-->
                <!--</span> <span class="pull-right badge badge-info">+11</span>-->
                <!--</div>-->
                <!--</a></li>-->

                <!--<li><a href="#"> See all notifications <i-->
                <!--class="icon-arrow-right"></i>-->
                <!--</a></li>-->
                <!--</ul></li>-->

                <!--<li class="green"><a data-toggle="dropdown"-->
                <!--class="dropdown-toggle" href="#"> <i-->
                <!--class="icon-envelope icon-animated-vertical"></i> <span-->
                <!--class="badge badge-success">5</span>-->
                <!--</a>-->

                <!--<ul-->
                <!--class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">-->
                <!--<li class="nav-header"><i class="icon-envelope-alt"></i> 5-->
                <!--Messages</li>-->

                <!--<li><a href="#"> <span class="msg-body"> <span-->
                <!--class="msg-title"> <span class="blue">Alex:</span> Ciao-->
                <!--sociis natoque penatibus et auctor ...-->
                <!--</span> <span class="msg-time"> <i class="icon-time"></i> <span>a-->
                <!--moment ago</span>-->
                <!--</span>-->
                <!--</span>-->
                <!--</a></li>-->

                <!--<li><a href="#"> <span class="msg-body"> <span-->
                <!--class="msg-title"> <span class="blue">Susan:</span>-->
                <!--Vestibulum id ligula porta felis euismod ...-->
                <!--</span> <span class="msg-time"> <i class="icon-time"></i> <span>20-->
                <!--minutes ago</span>-->
                <!--</span>-->
                <!--</span>-->
                <!--</a></li>-->

                <!--<li><a href="#"> <span class="msg-body"> <span-->
                <!--class="msg-title"> <span class="blue">Bob:</span>-->
                <!--Nullam quis risus eget urna mollis ornare ...-->
                <!--</span> <span class="msg-time"> <i class="icon-time"></i> <span>3:15-->
                <!--pm</span>-->
                <!--</span>-->
                <!--</span>-->
                <!--</a></li>-->

                <!--<li><a href="#"> See all messages <i-->
                <!--class="icon-arrow-right"></i>-->
                <!--</a></li>-->
                <!--</ul></li>-->

                <li class="light-blue"><a data-toggle="dropdown" href="#"
                                          class="dropdown-toggle"> <i
                        class="icon-user icon-animated-vertical"></i> <span
                        class="user-info"> <small>欢迎您,</small> ${cnname!''}
						</span> <i class="icon-caret-down"></i>
                </a>

                    <ul
                            class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
                        <li><a href="#" onclick="addTab('修改我的密码','/newPassword')">
                            <i class="icon-cog"></i> 修改密码
                        </a></li>

                        <li class="divider"></li>

                        <li><a href="${ctx}/logout"> <i class="icon-off"></i> 退出
                        </a></li>
                    </ul></li>
            </ul>
            <!-- /.ace-nav -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.navbar-inner -->
</div>


<div class="main-container container-fluid">
    <a class="menu-toggler" id="menu-toggler" href="#"> <span
            class="menu-text"></span>
    </a>

    <div class="sidebar" id="sidebar">
        <script type="text/javascript">
            try {
                ace.settings.check('sidebar', 'fixed')
            } catch (e) {
            }
        </script>

        <ul class="nav nav-list">${menus!''}
        </ul>
        <!-- /.nav-list -->

        <div class="sidebar-collapse" id="sidebar-collapse">
            <i class="icon-double-angle-left"
               data-icon1="icon-double-angle-left"
               data-icon2="icon-double-angle-right"></i>
        </div>

        <script type="text/javascript">
            try {
                ace.settings.check('sidebar', 'collapsed')
            } catch (e) {
            }
        </script>
    </div>

    <div class="main-content">

        <div id="contentdiv" class="tab-content page-content " style="padding: 0px;height:99%;">
            <iframe id='iframe'  frameborder='0'  src='' style='width:100%;height:99%;'></iframe>
        </div>
    </div>
    <!-- /.main-container -->

    <#include "common/end.html"/>
    <script type="text/javascript">
        var height=window.innerHeight -130;
        function addTab(title, url,ids) {
//		var title ="<li id='titleli"+ids+"' class='active' ><a data-toggle='tab' href='#title"+ids+"'  style='height:38px;font-size:14px;color:#585858'>"+
//		title+"<i class='red icon-remove bigger-120' onclick='removes("+ids+")'></i></a> </li>";
            //	var iframes ="<iframe id='iframe"+ids+"'  frameborder='0'  src='${ctx}"+url+"' style='width:100%;height:"+height+"px;'></iframe>";
            //	var content="<div id='title"+ids+"' class='tab-pane in active' style='height:100%'>"+iframes+"</div>";
            /* 	if ( !$("#titleli"+ids).length>0){
             if($("#titleulaaa").children().length ==0){
             $("li").removeClass("active") ;
             $("div").removeClass(" in active") ;
             $("#titleulaaa").append(title);
             $("#contentdiv").append(content);
             }else {
             $("li").removeClass("active") ;
             $("div").removeClass(" in active") ;
             $("#titleulaaa  li:last").after(title);
             //$("#titleulaaa").appned(content);
             $("#contentdiv div:last").after(content);
             }
             } else {
             $("li").removeClass("active") ;
             $("div").removeClass(" in active") ;
             $("#titleli"+ids).addClass("active");
             $("#title"+ids).addClass(" in active");
             $("#iframe"+ids).attr("src","${ctx}"+url);
             } */
            $("#iframe").attr("src","${ctx}"+url);

        }

        function removes(id){
            $("#titleli"+id).remove();
            $("#title"+id).remove();
        }

    </script>
</body>
</html>
</@layout>

